.nav-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    /* 设置为视窗的高度 */
    background-color: #333;
    /* 背景颜色 */
}

.logo-container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    /* logo之间均匀间隔 */
    height: 100%;
    /* 充满整个导航栏的高度 */
}

.logo-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.logo {
    margin-bottom: 5px;
    /* 与文字的间隔 */
}

.content-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
}

.avatar {
    margin-right: 30px;
}

.search-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* 从左侧开始 */
    width: 100%;
    /* 占满父容器的宽度 */
    padding: 10px;
    /* 添加一些内边距 */
}

.search-label {
    white-space: nowrap;
    /* 防止标签文本换行 */
    margin-right: 8px;
    /* 与输入框之间的距离 */
}

.el-input_index {
    flex-grow: 1;
    /* 允许输入框增长填满剩余空间 */
    max-width: 150px;
    /* 设置最大宽度 */
    margin-right: 15px;
}

.el-button {

    flex-grow: 0;
    /* 防止按钮拉伸，保持其原始大小 */
}